La matriz se muestra como [objeto objeto] después de empujar el objeto dentro de ella, aunque los objetos que están dentro de la matriz se muestran como yo quiero que sean. intente buscar en google y youtube pero no encontre nada
let arr = [] let list = "" let rev = {} const btn = document.getElementById("savel") btn.addEventListener("click", function() { val1 = name.value val2 = age.value shh () console.log(val1) }) function shh () { rev = { names: val1, ages: val2 } showname.textContent = rev.names showage.textContent = rev.ages arr.push(rev) console.log(arr) uul () } function uul () { for (i=0; i<arr.length; i++) { list = arr[i] } ul.innerHTML += ` <li> ${list} </li> ` } console.log(rev)Está agregando a la matriz de la list después de que finaliza el bucle for. Cambie la función uul a:
function uul () { for (i=0; i<arr.length; i++) { list = arr[I]; ul.innerHTML += '<li> ${list} </li>'; } ` }Debe usar JSON.stringify() .
Si tengo la siguiente matriz y trato de mostrarla en una alerta
var myArray = [{name: "Jack"}, {name: "John"}]; alert(myArray); La salida será [object Object],[object Object] ,
Pero si uso JSON.stringify :
alert(JSON.stringify(myArray)) la salida será [{"name":"Jack"},{"name":"John"}] .
La misma lógica se aplica a su código y al ul.innerHTML . Lea más sobre aquí .